<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<my-component :width="this.msg"></my-component>
		</div>
		<script src="js/vue2.5.js"></script>
		<script>
			var vm = new Vue({
				el:'#app',
				data:{
					msg : 'red'
				},
				components:{
					'my-component':{
						props:['width'],
						template:'<div :style="classfy">vue.js</div>',
//						data(){
//							return{
//								classfy:{
//									background : this.width
//								}
//							}
//						}
                        computed:{
                        	classfy:function(){
                        		return {
                        			background : this.width
                        		}
                        	}
                        }
					}
				}
			})
		</script>
	</body>
</html>
